/* IPhone4&5 */
@media screen and (min-width: 321px) {
	html{font-size: 100px;}
}
/* IPhone6 */
@media screen and (max-width: 320px) {
	html{font-size: 77px;}
}
/* IPad */
@media screen and (min-width: 1024px) {
	html{font-size: 200px;}
}
body{background: #fff;}

.g-loader{width: 100px;margin:50% auto;}

.g-hd{width: 100%;padding: 0;top:0;right: 0;overflow: hidden;}
.g-hd .bar{position: relative;overflow: hidden;background:rgba(255,255,255,0.9);}
.g-hd .bar .btn-return{width: 14px;height: 23px;display: block;position: absolute;top:10px;left:10px;
 background: url(../img/return_arrow.png?_inline) no-repeat;background-size: 100%;}
.g-hd .bar .brand{margin: 6px auto;display: block; width: 165px;}
.g-hd .bar .btn-ucenter{width: 21px;height: 23px;display: block;position: absolute;top:11px;right:15px;
 background: url(../img/uc.png?_inline) no-repeat;background-size: 100%;}
.g-hd .bar .btn-logo{ width:140px;display: block; margin:0px auto}

.g-hd nav{height: 0.4rem;background: #444;color: #fff;display: block;width: 100%;}
.g-hd nav ul{height: 0.4rem;padding:0 0.15rem;}
.g-hd nav ul li{box-flex:1;-webkit-box-flex:1;text-align: center;height: 0.4rem;}
.g-hd nav ul li a{color: #fff;font-size: 0.14rem;line-height: 0.3rem;height: 0.25rem;
	padding: 0.05rem;display: block;}
.g-hd nav ul li a.active{border-bottom: 2px solid #f00;}

.g-bd{width: 100%;}
.g-bd>h1.title{font-size: 0.16rem;color: #F07276;text-align: center;padding: 0.15rem;border-bottom:1px solid #eee;}
.g-bd .banner{overflow: hidden;}
.g-bd .list{overflow: hidden;}
.g-bd .list li{background: #fff;overflow: hidden;margin-top: 0.05rem;border-bottom:1px solid #eee;}

.g-bd .list li a.item-img{display: block;width: 1.25rem;height: 1.25rem;vertical-align: top;
	overflow: hidden; box-sizing:border-box;-webkit-box-sizing:border-box;
	background:#fff url(../img/svg-loaders/puff.svg) no-repeat center center;}
.g-bd .list li a.item-img img{border:0 none;width: 100%;display: block;}

.g-bd .list li div.item-body{vertical-align: top;display: block;
box-flex:1; -webkit-box-flex:1; 
	overflow: hidden;box-sizeing:border-box;padding: 0.15rem;}
.g-bd .list li div.item-body h3{font-size: 0.14rem;color: #343434;
	overflow:hidden;}
.g-bd .list li div.item-body .join-num{font-size: 0.12rem;color: #a3a3a3;margin-top: 0.1rem;}
.g-bd .list li div.item-body .price{overflow: hidden;font-size: 0.12rem;margin-top: 0.15rem;}
.g-bd .list li div.item-body .price .now{color: #F07276;}
.g-bd .list li div.item-body .price .now .icon{font-size: 0.12rem;}
.g-bd .list li div.item-body .price .now .num{font-size: 0.21rem;}
.g-bd .list li div.item-body .price .before{text-decoration: line-through;margin-left: 0.03rem;}
.g-bd .list li div.item-body .price .before .icon{font-size: 0.12rem;}
.g-bd .list li div.item-body .price .before .num{font-size: 0.12rem;}


.g-bd .u-loader{padding:0.3rem;}
.g-bd .u-loader .bottom-text{font-size: 0.16rem;margin-bottom: 1rem;}
.g-bd .u-loader img{width: 1rem;}

/* 必需 */
.expand-transition {
  	transition: all 1s ease;
  	-webkit-transition: all 1s ease;
	opacity:1;
}

/* .expand-enter 定义进入的开始状态 */
/* .expand-leave 定义离开的结束状态 */
.expand-enter, .expand-leave {
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	opacity:0.5;
}

/*模态框*/
.modal-mask { position: fixed; z-index: 99999999999999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: table; transition: opacity .3s ease; }
.modal-wrapper { display: table-cell; vertical-align: bottom; }
.modal-container {-o-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;
  box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0.2rem 0.3rem; background-color: #fff; 
  border-radius: 0.02rem; box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, .33); transition: all .3s ease; 
  font-family: Helvetica, Arial, sans-serif; }
.modal-header h3 { margin-top: 0; color: #42b983; }
.modal-body { margin: 0.2rem 0; }
.modal-default-button { float: right; }
.modal-enter, .modal-leave { opacity: 0; }
.modal-enter .modal-container, .modal-leave .modal-container { -webkit-transform: scale(1.1); transform: scale(1.1); }
.modal-mask .btn-close{padding: 0.07rem 0.15rem;color: #E83928;float: right;border:0.01rem solid #E83928;
	font-size: 0.12rem;}
.modal-mask input{width: 100%;font-size: 0.14rem;display: block;height: 0.3rem;}
.modal-mask p.tip{/* visibility: hidden; */ color: rgba(255,74,0,1);font-size: 0.12rem;text-align: right;
	margin-top: 0.05rem;height: 0.2rem;}
.modal-mask .row-1{border-bottom:0.01rem solid #ddd;padding: 0.15rem 0.05rem;height: 0.4rem;}
.modal-mask .row-2{border-bottom:0.01rem solid #ddd;padding: 0.15rem 0.05rem;position: relative;
	margin-top: 0.15rem;}
.modal-mask .row-2 .btn-getcode{background: #E83928;color: #FFF;width: 1rem;
	text-align: center;height: 0.4rem;line-height: 0.4rem;display: block;
	position: absolute;right: 0;top:0;z-index: 1986;font-size: 0.14rem;}
.modal-mask .row-3 .submit{width: 100%;text-align: center; height: 0.4rem;line-height: 0.4rem;
	background: #E83928;color: #FFF;font-size: 0.14rem;}
.modal-mask .row-2 .btn-disabled{background: #ccc;}
.modal-mask .row-3 .btn-disabled{background: #ccc;}